<template>
	<div class="income">
		<van-nav-bar
		  title="收入"
		  left-text="返回"
		  left-arrow
		  @click-left="onClickLeft"
		  style="background-color: #42B983;"
		/>
		<div class="content">
			<van-cell-group>
			  <van-field v-model="title" label="收入标题" placeholder="收入标题" />
			</van-cell-group>
			<van-cell-group>
				<van-field v-model="price" label="收入金额" placeholder="收入金额" />
			</van-cell-group>
			<van-cell-group>
				<van-field
				  v-model="desc"
				  rows="2"
				  autosize
				  label="描述"
				  type="textarea"
				  maxlength="50"
				  placeholder="描述"
				  show-word-limit
				/>
			</van-cell-group>
			<van-button type="primary" class="btn">提交</van-button>
		</div>
	</div>
</template>

<script>
export default{
	data(){
		return{
			desc:"",
			price:"",
			title:""
		}
	},
	methods:{
		onClickLeft(){
			this.$router.push("/bill")
		}
	}
}
</script>

<style scoped="scoped">
	.btn{
		display: block;
		width: 80%;
		margin-left: 10%;
		margin-right: 5%;
		margin-top: 30px;
		text-align: center;
	}
	::v-deep .van-icon {
		 color: #fff;	}
	::v-deep .van-nav-bar__text{
	 color: #fff;
	}
	::v-deep .van-ellipsis {
	 color: #fff;
	}

</style>
